﻿body 
{
    margin :0px;
    padding 0px;
	}
#mainPanel td {
	padding: 1px;
}
.x-panel-header {
	overflow: hidden;
	zoom: 1;
	color: #15428b;
	font: bold 11px tahoma,arial,verdana,sans-serif;
	padding: 0px;
	border: 1px solid #99bbe8;
	line-height: 15px;
	background: transparent url('../../../images/default/panel/white-top-bottom.gif') repeat-x 0 -1px;
}
iframe {
	width: 100%;
	height: 100%;
}
#leftTree {
	border: #6990AF 1px solid;
	height: 565px;
	width: 200px;
}
#divTitle {
	background: url('../../../Images/Topo/operation/TetraTree_03.gif') repeat-x;
	font-weight: bold;
	color: White;
	width: 201px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-indent: 3em;
}
#divTree 
{
	width: 201px;
	height: 540px;
	overflow: auto;
	overflow-x: hidden;
	background-color: White;
	text-align: left;
}
#rightMain {
	border: #6990AF 1px solid;
	position: absolute;
	left: 205px;
	top: 1px;
	height: 565px;
	width: 810px;
}
#mainTitle {
	background-image: url('../../../Images/Topo/operation/TetraTree_03.gif');
	background-repeat: repeat-x;
	font-weight: bold;
	color: White;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-indent: 1em;
}
#mainTitleSub {
	font-weight: bold;
	height: 24px;
	background-color: #D4E1F2;
	line-height: 24px;
	vertical-align: middle;
	text-indent: 3em;
}
#mainTitleSub table {
	width: 100%;
	height: 100%;
	font-weight: bold;
	border-collapse : collapse ;
	margin: 0px;
	padding : 0px;
}
#InformationTop20 {
	width: 500px;
	height: 300px;
	padding: 2px;
}
#InfromationCurrentStation {
	position: absolute;
	top: 48px;
	left: 502px;
	width: 300px;
	height: 300px;
	padding: 2px;
}
#CurrentStat {
	width: 802px;
	height: 210px;
	padding: 2px;
}